<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>fuchsia</title>

		<!-- Javascript libraries -->
		<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
		<script src="js/jquery-ui-personalized-1.5.2.min.js" type="text/javascript"></script>
		<script src="js/jquery.dimensions.pack.js" type="text/javascript"></script>
		<script src="js/jquery.domec.min.js" type="text/javascript"></script>
		<script src="js/gears_init.js" type="text/javascript"></script>
		<script src="js/olive.js" type="text/javascript"></script>
		<script src="js/colorpicker.js" type="text/javascript"></script>
		<script src="js/jquery.jeditable.mini.js" type="text/javascript"></script>
		<script src="js/json.js" type="text/javascript"></script>
		<script src="js/random-words.js" type="text/javascript"></script>
		<script src="js/fuchsia.js" type="text/javascript"></script>
		
		<!-- Stylesheets -->
		<link rel="stylesheet" href="css/fuchsia.css" type="text/css"/>
	</head>

	<body>
		<div id="header">
			<img class="logo" alt="[f]" src="images/120px-Fuchsia.jpg" />
			<div id="heading"><!-- Heading goes here --></div>
			<p class="description">Add a note and drag. Click on E to edit the text, B to cycle note background colour, and X to delete. Click on <em>about</em> for more info.</p>
			<div class="commands">
				<form action="javascript:Fuchsia.Note.add();">
				<p>
					<span class="inline">note:
						<input id="newText" type="text" 
							value="enter note text here" 
							onmouseover="Fuchsia.setFocus();"/>
					</span>
					<span class="inline" id="globalCommands"><!-- Commands go here --></span>
					<span class="inline" id="colorpicker"></span>
				</p>
				</form>
			</div>
		</div>
		<div id="body">
			<div id="textWindow">
				<form action="return false;">
					<p><textarea id="textbox" cols="80" rows="5"></textarea></p>
					<p class="commands" id="windowCommands"></p>
				</form>
			</div>
			<div id="aboutWindow"><!-- 'About' text goes here --></div>
			<div id="notes" class="noteCanvas"><!-- Notes go here --></div>
		</div>
		<div id="footer"></div>
	</body>
</html>
